---
import Layout from '../layouts/Layout.astro';
import Header from '../components/Header.astro';
import Footer from '../components/Footer.astro';
import HeroSection from '../components/HeroSection.astro';
---

<Layout title="关于我们公司 - OpenAuth.Net">
  <Header />
  <main>
    <HeroSection 
      title="关于 OpenAuth.Net" 
      highlightText="OpenAuth.Net"
      description="我们的使命是通过创新的SaaS解决方案赋能企业。"
    />
    
    <section class="py-16 bg-white dark:bg-gray-800">
      <div class="container-custom">
        <div class="grid md:grid-cols-2 gap-12 items-center mb-24">
          <div>
            <span class="inline-block px-4 py-1 rounded-full bg-secondary-100 dark:bg-secondary-900 text-secondary-600 dark:text-secondary-300 font-medium text-sm mb-4">
              我们的故事
            </span>
            <h2 class="text-3xl font-bold text-gray-900 dark:text-white mb-6">从创业到行业领导者</h2>
            <p class="text-gray-600 dark:text-gray-300 mb-4">
              OpenAuth.Net成立于2015年，始于一个简单的想法：让强大的SaaS工具对各种规模的企业都能够使用。从最初的三名充满激情的开发人员小团队，发展成为服务全球数千客户的全球性公司。
            </p>
            <p class="text-gray-600 dark:text-gray-300 mb-4">
              我们的旅程并非一帆风顺，但我们对创新、质量和客户成功的承诺始终如一。今天，我们很自豪能够被认可为SaaS行业的领导者，帮助企业转变其运营并取得显著成果。
            </p>
            <p class="text-gray-600 dark:text-gray-300">
              随着我们的不断发展，我们仍然致力于我们的核心使命：为企业提供在数字时代取得成功所需的工具。
            </p>
          </div>
          <div class="rounded-lg overflow-hidden shadow-xl">
            <img src="https://images.unsplash.com/photo-1522071820081-009f0129c71c?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1000&q=80" alt="OpenAuth.Net团队" class="w-full h-auto" />
          </div>
        </div>
        
        <div class="mb-24">
          <div class="text-center mb-12">
            <span class="inline-block px-4 py-1 rounded-full bg-secondary-100 dark:bg-secondary-900 text-secondary-600 dark:text-secondary-300 font-medium text-sm mb-4">
              我们的价值观
            </span>
            <h2 class="text-3xl font-bold text-gray-900 dark:text-white mb-4">我们的立场</h2>
            <p class="text-gray-600 dark:text-gray-300 max-w-3xl mx-auto">
              我们的价值观指导着我们所做的一切，从我们如何构建产品到我们如何与客户和彼此互动。
            </p>
          </div>
          
          <div class="grid md:grid-cols-3 gap-8">
            <div class="card p-6 border border-gray-200 dark:border-gray-700">
              <div class="rounded-full bg-primary-100 dark:bg-primary-900 p-3 w-12 h-12 flex items-center justify-center mb-4">
                <svg class="w-6 h-6 text-primary-600 dark:text-primary-400" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"></path>
                </svg>
              </div>
              <h3 class="text-xl font-semibold text-gray-900 dark:text-white mb-2">信任与透明</h3>
              <p class="text-gray-600 dark:text-gray-300">
                我们相信通过透明度建立信任。我们对我们的流程、定价和政策保持开放，并始终努力为客户做正确的事情。
              </p>
            </div>
            
            <div class="card p-6 border border-gray-200 dark:border-gray-700">
              <div class="rounded-full bg-primary-100 dark:bg-primary-900 p-3 w-12 h-12 flex items-center justify-center mb-4">
                <svg class="w-6 h-6 text-primary-600 dark:text-primary-400" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"></path>
                </svg>
              </div>
              <h3 class="text-xl font-semibold text-gray-900 dark:text-white mb-2">创新与卓越</h3>
              <p class="text-gray-600 dark:text-gray-300">
                我们不断突破可能的边界，寻找解决复杂问题的新方法，并为客户提供卓越的价值。
              </p>
            </div>
            
            <div class="card p-6 border border-gray-200 dark:border-gray-700">
              <div class="rounded-full bg-primary-100 dark:bg-primary-900 p-3 w-12 h-12 flex items-center justify-center mb-4">
                <svg class="w-6 h-6 text-primary-600 dark:text-primary-400" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1zm0 0h6v-1a6 6 0 00-9-5.197M13 7a4 4 0 11-8 0 4 4 0 018 0z"></path>
                </svg>
              </div>
              <h3 class="text-xl font-semibold text-gray-900 dark:text-white mb-2">客户成功</h3>
              <p class="text-gray-600 dark:text-gray-300">
                我们客户的成功就是我们的成功。我们致力于提供客户实现目标所需的支持、资源和工具。
              </p>
            </div>
          </div>
        </div>
        
        <div class="mb-24">
          <div class="text-center mb-12">
            <span class="inline-block px-4 py-1 rounded-full bg-secondary-100 dark:bg-secondary-900 text-secondary-600 dark:text-secondary-300 font-medium text-sm mb-4">
              领导团队
            </span>
            <h2 class="text-3xl font-bold text-gray-900 dark:text-white mb-4">认识我们的领导者</h2>
            <p class="text-gray-600 dark:text-gray-300 max-w-3xl mx-auto">
              我们多元化的领导团队拥有数十年的经验和对创新的共同热情。
            </p>
          </div>
          
          <div class="grid md:grid-cols-3 gap-8">
            <div class="text-center">
              <div class="rounded-full overflow-hidden w-32 h-32 mx-auto mb-4">
                <img src="https://randomuser.me/api/portraits/men/32.jpg" alt="陈明" class="w-full h-full object-cover" />
              </div>
              <h3 class="text-xl font-semibold text-gray-900 dark:text-white mb-1">陈明</h3>
              <p class="text-primary-600 dark:text-primary-400 mb-2">首席执行官 & 联合创始人</p>
              <p class="text-gray-600 dark:text-gray-300 text-sm">
                拥有超过15年的科技行业经验，陈明以远见和热情领导我们的公司。
              </p>
            </div>
            
            <div class="text-center">
              <div class="rounded-full overflow-hidden w-32 h-32 mx-auto mb-4">
                <img src="https://randomuser.me/api/portraits/women/44.jpg" alt="莎拉·约翰逊" class="w-full h-full object-cover" />
              </div>
              <h3 class="text-xl font-semibold text-gray-900 dark:text-white mb-1">莎拉·约翰逊</h3>
              <p class="text-primary-600 dark:text-primary-400 mb-2">首席技术官 & 联合创始人</p>
              <p class="text-gray-600 dark:text-gray-300 text-sm">
                莎拉的技术专长和创新思维推动着我们的产品开发和技术战略。
              </p>
            </div>
            
            <div class="text-center">
              <div class="rounded-full overflow-hidden w-32 h-32 mx-auto mb-4">
                <img src="https://randomuser.me/api/portraits/men/67.jpg" alt="大卫·罗德里格斯" class="w-full h-full object-cover" />
              </div>
              <h3 class="text-xl font-semibold text-gray-900 dark:text-white mb-1">大卫·罗德里格斯</h3>
              <p class="text-primary-600 dark:text-primary-400 mb-2">首席运营官</p>
              <p class="text-gray-600 dark:text-gray-300 text-sm">
                大卫确保我们的运营顺畅高效，使我们能够为客户提供卓越的价值。
              </p>
            </div>
          </div>
        </div>
      </div>
    </section>
  </main>
  <Footer />
</Layout> 
